<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui" 
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <ui:composition template="./../plantilla/plantillaGeneral.xhtml">
            <ui:define name="title">
                #{general.administracion} #{general.proformas} 
            </ui:define>         
            <ui:define name="content">
                <h:form id="frmListaOP" >      
                    <p:growl id="growl" /> 
                    <h:panelGrid id="pngTituloLis001" columns="1">
                        <h:outputText id="outTituloLis001" value="#{general.proformas} " styleClass="texto_subtitulo"/>
                    </h:panelGrid>
                    <p:panel id="pnlDistribuir" header="#{general.buscar} #{general.proformas} ">
                        <p:panel id="pnlFiltroD" header="#{general.filtrosBusqueda}">
                            <h:panelGrid id="pngFiltro" columns="8">
                                <h:outputText id="outFiltro" value="#{general.filtro}:" styleClass="texto_negrita_derecha"/>
                                <h:selectOneMenu id="slmFiltro" value="#{reporteProformaOp.filtroBusqueda}" >
                                    <f:selectItem id="sliProforma" itemValue="Pr" itemLabel="#{general.proforma}"/>
                                    <f:selectItem id="sliFechas" itemValue="Fe" itemLabel="#{general.fechas}"/>
                                    <p:ajax id="supFiltros" event="change" update="pngFiltrosBusqueda,pnlFiltroD,pnlResultadoOP"
                                            actionListener="#{reporteProformaOp.inicializarFiltros}" />
                                </h:selectOneMenu>
                                <h:panelGroup id="pngFiltrosBusqueda">
                                    <h:inputText id="intNumProf" value="#{reporteProformaOp.idProforma}" title="#{general.numeroProforma}"
                                                 rendered="#{reporteProformaOp.filtroBusqueda eq 'Pr'}" disabled="#{reporteProformaOp.renderDetalle}"
                                                 maxlength="10" converterMessage="#{general.mensajeCampoNumero2}" required="true" requiredMessage="#{general.msgBuscar}">
                                        <p:ajax event="change" update="pngFiltrosBusqueda"/>
                                        <f:convertNumber integerOnly="true" groupingUsed="false" />
                                        <f:validateLength minimum="1" maximum="15"/>
                                    </h:inputText>
                                    <h:outputText id="outFechaInicio" value="#{general.fechaInicio}: " styleClass="texto_negrita_derecha"
                                                  rendered="#{reporteProformaOp.filtroBusqueda eq 'Fe'}"/>
                                    <p:calendar id="cldFechaInicio" value="#{reporteProformaOp.fechaInicio}" mode="popup" showOn="button" navigator="true" locale="es"
                                                popupIconOnly="true" pattern="#{formato.formatoFecha}" rendered="#{reporteProformaOp.filtroBusqueda eq 'Fe'}" disabled="#{reporteProformaOp.renderDetalle}"
                                                selectListener="#{reporteProformaOp.selectFechaInicio}" size="8"/>
                                    <h:outputText id="outFechaFin" value="#{general.fechaFin}: " styleClass="texto_negrita_derecha"
                                                  rendered="#{reporteProformaOp.filtroBusqueda eq 'Fe'}"/>
                                    <p:calendar id="cldFechaFin" value="#{reporteProformaOp.fechaFin}" mode="popup" showOn="button" navigator="true" locale="es"
                                                popupIconOnly="true" pattern="#{formato.formatoFecha}" rendered="#{reporteProformaOp.filtroBusqueda eq 'Fe'}" disabled="#{reporteProformaOp.renderDetalle}"
                                                selectListener="#{reporteProformaOp.selectFechaFin}" size="8" >
                                    </p:calendar>
                                    <p:commandButton value="Generar Reporte" rendered="#{reporteProformaOp.filtroBusqueda eq 'Fe'}" ajax="false" action="#" 
                                                     style="margin-left: 10px"   actionListener="#{reporteProformaOp.generarProFecPDF}"/>
                                </h:panelGroup>
                                <p:commandButton id="btnBuscar" value="#{general.buscar}" update="pnlResultadoOP,dttOrdenes,frmListaOP"
                                                 actionListener="#{reporteProformaOp.buscarProforma}" disabled="#{reporteProformaOp.renderDetalle}" 
                                                 title="#{general.titleBtnBusPro}" >
                                    <f:setPropertyActionListener target="#{reporteProformaOp.renderParam}" value="false"/>
                                </p:commandButton>
                            </h:panelGrid>
                        </p:panel>
                        <p:spacer height="10"/>
                        <p:panel id="pnlResultadoOP" header="#{general.resultadoBusqueda}" rendered="#{reporteProformaOp.renderPanBus}">
                            <p:dataTable id="dttOrdenes" scrollable="false" style="width: 870px;" 
                                         value="#{reporteProformaOp.listaProformas}" var="orden" emptyMessage="#{general.noDatos}">
                                <f:facet name="header">
                                    <h:panelGrid columns="1">
                                        <h:outputText id="outHeadOrden" value="#{general.ordenesProduccion}"/>
                                    </h:panelGrid>
                                </f:facet>
                                <p:column headerText="#{general.numeroProforma}" style="width: 90px">
                                    <h:outputText value="#{orden.tproformaPK.idProforma}"/>
                                </p:column>
                                <p:column id="clmCodSec" style="width: 200px" >
                                    <f:facet name="header" >
                                        <h:outputText id="outClmCodSec" value="#{general.nombre} del #{general.cliente}" title="#{general.codigos}"/>
                                    </f:facet>
                                    <h:outputText id="outCodSec" value="#{orden.tentidad.nombres} #{prof.tentidad.apellidos}"/>
                                </p:column>
                                
                               <p:column id="clmNumPed" style="width: 80px" >
                                    <f:facet name="header">
                                        <h:outputText id="outClmNumPed" value="#{general.fechaCreacion}" title="#{general.costo}"/>
                                    </f:facet>
                                    <h:outputText id="outCNumPed" value="#{orden.fechaCreacion}"/>
                                </p:column>
                                
                                <p:column id="clmAcciones" style="width: 110px">
                                    <f:facet id="fctClmAcciones" name="header">
                                        <h:outputText id="outClmAcciones" value="#{general.observaciones}" title="#{general.titleAcciones}"/>
                                    </f:facet>
                                    <h:outputText id="outProObs" value="#{orden.obsProforma}"/>
                                </p:column>
                                  <p:column id="clmNombreCli2" style="width: 230px" >
                                    <f:facet name="header">
                                        <h:outputText id="outClmNombreCli2" value="#{general.imprimir}"/>
                                    </f:facet>
                                     <p:commandButton value="#{general.generarPDF}" ajax="false" action="#" actionListener="#{reporteProformaOp.generarProformaPDF}">
                                         <f:attribute name="regCont" value="#{orden}" id="regCont"/>
                                     </p:commandButton>
                                      <p:commandButton id="btnBus" value="#{general.visualizar}" type="submit"  action="#" ajax="false" immediate="true"
                                                       update="frmProforma:pnlDetalle" actionListener="#{reporteProformaOp.selecProforma}" onclick="oculDet();">
                                         <f:attribute name="regCont" value="#{orden}" id="regCont" />
                                     </p:commandButton>
                                </p:column>
                                
                             <p:remoteCommand name="oculDet" update="frmListaOP:pnlDetalle" >
                                 <f:setPropertyActionListener value="#{false}" target="#{cliente.renderParam}" />
                             </p:remoteCommand>
                             
                                
                                <f:facet name="footer">
                                    <h:outputText id="outNoData" escape="false" value="#{general.noDatos}" rendered="#{reporteProformaOp.paginador.itemCount == 0}" />
                                    <h:panelGroup id="pngPaginadorItem" style="height: 20px" rendered="#{reporteProformaOp.paginador.itemCount > 0}">
                                        <p:commandButton id="btnPrimero" actionListener="#{reporteProformaOp.primero}"
                                                         disabled="#{not reporteProformaOp.paginador.renderAnterior}"
                                                         image="../imagenes/resultset_first.ico" title="#{general.titlePrimero}" update="frmreporteProformaOp,dttOrdenes"/>
                                        <p:commandButton id="btnAnterior" actionListener="#{reporteProformaOp.anterior}"
                                                         disabled="#{not reporteProformaOp.paginador.renderAnterior}"
                                                         image="../imagenes/resultset_previous.ico" title="#{general.titleAnterior}" update="frmreporteProformaOp,dttOrdenes"/>
                                        <h:outputText id="outItemOf" value="#{general.registros} #{reporteProformaOp.paginador.firstItem + 1} al #{reporteProformaOp.paginador.lastItem} de #{reporteProformaOp.paginador.itemCount}"/>
                                        <p:commandButton id="btnSiguiente" actionListener="#{reporteProformaOp.siguiente}"
                                                         disabled="#{not reporteProformaOp.paginador.renderSiguiente}"
                                                         image="../imagenes/resultset_next.ico" title="#{general.titleSeguiente}" update="frmreporteProformaOp,dttOrdenes"/>
                                        <p:commandButton id="btnUltimo" actionListener="#{reporteProformaOp.ultimo}"
                                                         disabled="#{not reporteProformaOp.paginador.renderSiguiente}"
                                                         image="../imagenes/resultset_last.ico" title="#{general.titleUltimo}" update="frmreporteProformaOp,dttOrdenes"/>
                                    </h:panelGroup>
                                </f:facet>
                            </p:dataTable>
                        </p:panel>
                       <p:spacer height="10"/> 
                        <p:panel id="pnlDetalle" header="#{general.detalle} #{general.proforma}" rendered="#{reporteProformaOp.renderParam}">
                            <h:panelGrid id="pngDetalleItem" columns="1" cellpadding="5px">
                                <p:fieldset id="pnlReadOrden" legend="#{general.proforma}">
                                    <p:focus for="btnCerrar" rendered="#{reporteProformaOp.renderParam}"/>
                                    <table>
                                        <tr>
                                            <td>
                                                <h:outputText id="outIdCliente" value="#{general.cliente}: " styleClass="texto_negrita_derecha"/>
                                            </td>
                                            <td colspan="7">
                                                <h:inputText id="inpIdCliente" value="#{reporteProformaOp.proforma.tentidad.nombres}" readonly="true" size="130"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <h:outputText id="outIdOrden" value="#{general.estado}: " styleClass="texto_negrita_derecha"/>
                                            </td>
                                            <td>
                                                <h:inputText id="inpIdOrdenA"  value="#{general.anulada}" rendered="#{reporteProformaOp.proforma.estado eq 'A'}" readonly="true"/>
                                                <h:inputText id="inpIdOrdenE"  value="#{general.ejecutado}" rendered="#{reporteProformaOp.proforma.estado eq 'E'}" readonly="true"/>
                                                <h:inputText id="inpIdOrdenP"  value="#{general.pendiente}" rendered="#{reporteProformaOp.proforma.estado eq 'P'}" readonly="true"/>
                                            </td>
                                            <td>
                                                <h:outputText id="outIdPeriodo" value="#{general.fechaCreacion}: " styleClass="texto_negrita_derecha"/>
                                            </td>
                                            <td>
                                                <h:inputText id="inpIdPeriodo" value="#{reporteProformaOp.proforma.fechaCreacion}" readonly="true"/>
                                            </td>
                                            <td>
                                                <h:outputText id="outIdProforma" value="#{general.proforma}: " styleClass="texto_negrita_derecha"/>
                                            </td>
                                            <td>
                                                <h:inputText id="inpIdProforma" value="#{reporteProformaOp.proforma.tproformaPK.idProforma}" readonly="true"/>
                                            </td>
                                        </tr>
                                    </table>
                                </p:fieldset>
                       
                                <p:dataTable id="sdtDetalleProforma" rowIndexVar="fila" emptyMessage="#{general.noDatos}"
                                             value="#{reporteProformaOp.proforma.detalleProforma}" var="detalle"
                                             scrollable="false" style="width:850px">
                                    <f:facet id="fctHeaderDetalleOP" name="header">
                                        <h:outputText id="outHeaderDetalle" value="#{general.detalle} #{general.proforma}"/>
                                    </f:facet>
                                    <p:column style="width: 60px">
                                        <f:facet name="header" >
                                            <h:outputText value="#{general.orden}" />
                                        </f:facet>
                                        <h:outputText value="#{fila+1}"/>
                                    </p:column>
                                    <p:column id="clmItemDetalle" style="width:250px">
                                        <f:facet id="fctItemDet" name="header">
                                            <h:outputText id="outClmItem" value="#{general.detalle}"/>
                                        </f:facet>
                                        <h:outputText id="outNombreItem" value="#{detalle.codsec}"/>
                                    </p:column>
                                    <p:column id="clmItemDet" style="width:250px">
                                        <f:facet id="fctItemObs" name="header">
                                            <h:outputText id="outClmItemDet" value="#{general.detalleItem}"/>
                                        </f:facet>
                                        <h:outputLabel value="#{detalle.detalleItem}" />
                                    </p:column>
                                   
                                    <p:column id="clmItemTip" style="width:250px">
                                        <f:facet id="fctItemTip" name="header">
                                            <h:outputText id="outClmItemTip" value="#{general.tipo}"/>
                                        </f:facet>
                                        <h:outputLabel value="#{detalle.tipoItem}" />
                                    </p:column>
                                    
                                    <p:column id="clmItemCan" style="width:250px">
                                        <f:facet id="fctItemCan" name="header">
                                            <h:outputText id="outClmItemCan" value="#{general.cantidad}"/>
                                        </f:facet>
                                        <h:outputLabel value="#{detalle.cantidad}" />
                                    </p:column>
                                    
                                     <p:column id="clmItemTot" style="width:250px">
                                        <f:facet id="fctItemTot" name="header">
                                            <h:outputText id="outClmItemTot" value="#{general.total}"/>
                                        </f:facet>
                                         <h:outputLabel value="#{detalle.pvpTotal}" />
                                    </p:column>
                                </p:dataTable>
                            </h:panelGrid>
                            <h:panelGrid id="pngBtnReportes" columns="1" cellspacing="5px">
                                <p:commandButton id="btnCerrar" value="#{general.cerrar}" actionListener="#{reporteProformaOp.ocultarDetalle}"
                                                 title="#{general.titleBtnCerrar}"  action="#" ajax="false" />
                            </h:panelGrid>
                        </p:panel>
                        </p:panel>
                </h:form>
            </ui:define>           
        </ui:composition>
    </body>
</html>
